<div class='mkt-page-holiday-gift-card'>

  <svg height='0' style='position: absolute' width='0'>
    <symbol id='svg-add-tiny' viewbox='0 0 8 8'>
      <path clip-rule='evenodd' d='M4.0005 0C3.44794 0 3 0.447939 3 1.0005V3H1C0.447715 3 0 3.44772 0 4V4C0 4.55228 0.447715 5 1 5H3V6.9995C3 7.55206 3.44794 8 4.0005 8V8C4.55306 8 5.001 7.55206 5.001 6.9995V5H7C7.55228 5 8 4.55228 8 4V4C8 3.44772 7.55228 3 7 3H5.001V1.0005C5.001 0.447939 4.55306 0 4.0005 0V0Z' fill-rule='evenodd'></path>
    </symbol>
    <symbol id='svg-minus-tiny' viewbox='0 0 8 2'>
      <rect height='2' rx='1' width='8'></rect>
    </symbol>
    <symbol id='svg-checkmark-tiny' viewbox='0 0 8 8'>
      <path d='M3.30913 8C3.0158 8 2.73358 7.88442 2.52358 7.67438L0.32583 5.47599C-0.10861 5.04257 -0.10861 4.34021 0.32583 3.90569C0.760269 3.47116 1.46248 3.47116 1.89692 3.90569L3.16913 5.17835L5.98574 0.462633C6.34352 -0.0341285 7.03573 -0.149706 7.53683 0.20814C8.03572 0.565985 8.14905 1.26056 7.79128 1.75843L4.21134 7.53769C4.01245 7.81663 3.68357 8 3.30913 8Z'></path>
    </symbol>
    <symbol id='svg-alert-tiny' viewbox='0 0 2 8'>
      <path clip-rule='evenodd' d='M0 4V1C0 0.354858 0.447754 0 1 0C1.55225 0 2 0.354858 2 1V4C2 4.64514 1.55225 5 1 5C0.447754 5 0 4.64514 0 4ZM2 7C2 7.55225 1.55225 8 1 8C0.447754 8 0 7.55225 0 7C0 6.44775 0.447754 6 1 6C1.55225 6 2 6.44775 2 7Z' fill-rule='evenodd'></path>
    </symbol>
  </svg>

  <section class='hero'>
    <div class='wrapper md-flex'>
      <div class='md-col-6 pb4'>
        <h1 class='h500 neutralsolid800 -font-extra-bold'>Estas vacaciones,</h1>
        <h2 class='h700 pb4 -font-extra-bold primary500'>dale a tus desarrolladores el regalo de dar.</h2>
        <h3 class='h300 pb4 neutralsolid800'>Ofrece a tus desarrolladores 👩🏾‍💻👨🏼‍💻 una tarjeta de regalo para donar a los proyectos de código abierto que ellos aman. ❤️</h3>
        <p class='pb4'>Tus desarrolladores han hecho cosas increíbles este año. No podrían haber hecho tanto sin el apoyo de la comunidad de código abierto. De ahí aprenden, de ahí pueden reutilizar herramientas, librerías, módulos, de tal manera que no tengan que reinventar la rueda y poder enfocarse en trabajar para tus necesidades.</p>
        <p class='pb1 -font-bold neutralsolid800'>Preguntas Frecuentes</p>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            ¿Qué sucede si las tarjetas regalo no son utilizadas?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption neutralsolid600'>Sólo se le cobra cuando se utilizan las tarjetas regalo. Si sorteas una tarjeta regalo de $50 a diez de tus empleados, y sólo 8 de ellos la utilizan, sólo se te cobrarán $400.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            ¿Recibiré una factura?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Sí, recibirá una factura mensual consolidada y adecuada del <a href='https://opencollective.com/opensource'>Colectivo de Código Abierto 501c6.</a></p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            ¿Hay una fecha de expiración?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Por defecto, las tarjetas de regalo expiran a los 3 meses, pero podrás definir tu propia fecha de expiración. Si no se utilizan, se vuelven inactivas. Nunca se le cobrará si no han sido usadas.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            He recibido una tarjeta de regalo, ¿necesito gastarla en una sola vez?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>No. Puedes utilizar tu tarjeta de regalo para darle cualquier cantidad de dinero a cualquier Colectivo, siempre y cuando tengas el balance en tu tarjeta.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            ¿Quién aparecerá como patrocinador? ¿Mi compañía o mi empleado?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>¡Ambos! He persone do hoz yo sé He Gif Cad es He une parking He colectivas thai Kant do Sport. Pero su donación demostrará que utilizaron una tarjeta de regalo regalada por su empresa y su empresa también aparecerá como patrocinador de la colección.  Por ejemplo, <a href='https://opencollective.com/triplebyte'>Triplebyte</a> aparece como patrocinadora de <a href='https://opencollective.com/electron'>Electron</a>.</p>
        </details>
      </div>
      <div class='md-col-6 form-col'>
        <div class='form-wrapper'>
        <div>
          <div class='gift-card-wrapper'>
            <div class='gift-card'>
              <div class='gift-card-text'>
                <p class='white100'>¡Crea una organización ahora y empieza a emitir tus Tarjetas regalo!</p>
              </div>
              <svg class='gift-card-svg' height='81px' preserveAspectRatio='xMidYMax meet' viewbox='0 0 288 81' width='100%'>
                <g fill-rule='evenodd' fill='none' stroke-width='1' stroke='none'>
                <path d='M288,12.4570165 L288,81.0000165 L0,81.0000165 L0,56.2650165 C177.12,69.4070165 120.24,-3.60588353 288,12.4570165 Z' fill='#FFFFFF'></path>
                <path d='M0,53.9550165 C135.72,56.2140165 109.8,-25.8974835 288,8.37871647 C288,9.13201647 288,11.4933165 288,13.0000165 C123,-4.49998353 177.12,69.7740165 0,56.2140165 C0,12.5219165 0,55.8380165 0,53.9550165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.4'></path>
                <path d='M0,11.5714165 C106.2,11.5714165 161.64,51.8360165 288,35.2790165 C288,30.7630165 288,54.8470165 288,57.8570165 C280.44,57.8570165 32.4,57.8570165 0,57.8570165 C0,14.2056165 0,13.4529165 0,11.5714165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.24'></path>
                </g>
              </svg>
            </div>
          </div>
          <div class='sm-flex create-org-btn-container'>
            <a href="https://opencollective.com/organizations/new">
              <button class='btn -large -primary w100'>Crear una Organización</button>
            </a>
          </div>
        </div>
        </div>
      </div>
    </div>
  </section>

</div>
